<script setup>
  //2. 模版语法 - 标签的属性动态化
  /**
   * vue的数据装标签的属性
   *    <开始标签  v-bind:原有的属性名="vue的数据"
   *    <开始标签  :原有的属性名="vue的数据"
   */
 
 let imageUrl = "http://www.baidu.com/img/bd_logo.png";
 let url = "http://www.baidu.com";

</script>

<template>
    <div>
       {{imageUrl}}
       <hr>
       <img  v-bind:src="imageUrl" />
       <a :href="url" >百度一下</a>
    </div>

</template>

<style scoped>
</style>
